<!-- 申请 -->
<template>
	<view class="apply-container">
		<forigner></forigner>   <!--     学生申请    -->
		<!-- <student></student> -->
	</view>
</template>

<script>
	// import forigner from './foreigner.vue'
	// import student from './student.vue'
	export default {
		components:{
			// forigner,
			// student
		},
		data() {
			return {
				show:false,
				showTime:false,
				showTime1:false,
				params: {
					year: true,
					month: true,
					day: true,
					hour: true
				},
				base:{
					applyName:'',
					outDateBegin:'',
					outDateEnd:'',
					visitType:'',
					applyReason:'',
					attaches:'',
					attaches:{
						code:'',
						url:''
					}
				},
				selectList: [{
						value: 1,
						label: '病假'
					},
					{
						value: 2,
						label: '事假'
					},
					{
						value: 3,
						label: '其它'
					}
				],
				type:{}
			}
		},
		methods: {
			confirm1(e) {
				this.type = e[0]
				this.base.visitType = e[0].value
			},
			confirm2(e) {//出校时间
				this.base.outDateBegin = e.year + '-' + e.month + '-' + e.day
			},
			confirm3(e) {//回校时间
				this.base.outDateEnd  = e.year + '-' + e.month + '-' + e.day
			},
			submit(){//提交数据
				console.log(this.base);
			}
		},
	}
</script>

<style lang="scss">
	page,body{
		background-color: #F8F8F8;
	}
	.plac {
		color: #B1B1B1;
	}
	.apply-main {
		margin: 28rpx;
		overflow: hidden;
		padding: 0 32rpx;
		border-radius: 12rpx;
		background-color: white;
		.apply-main-title {
			padding: 28rpx 0;
			image {
				width: 28rpx;
				height: 30rpx;
				margin-right: 20rpx;
			}
		}
		.apply-main-li {
			padding: 30rpx 0;
			text {
				width: 228rpx;
				color: #797B87;
				display: block;
				font-size: 28rpx;
			}
			input {
				color: #B1B1B1;
				font-size: 28rpx;
			}
		}
		.apply-textarea {
			// height: 250rpx;
			padding: 22rpx 30rpx;
			border-radius: 12rpx;
			margin-bottom: 36rpx;
			background-color: #F3F3F3;
			textarea {
				width: 100%;
				height: 176rpx;
				font-size: 30rpx;
			}
			view {
				color: #B1B1B1;
				font-size: 28rpx;
				text-align: right;
			}
		}
	}

	.apply-main-updata {
		border-bottom: 2rpx solid #979797;
		.apply-main-updata-right {
			margin: 58rpx 0;
			
		}
		image {
			width: 264rpx;
			height: 164rpx;
			
		}
		view {
			color: #797B87;
			font-size: 26rpx;
			margin-top: 20rpx;
			text-align: center;
		}
	}
	
	.apply-main-rela {
		padding-bottom: 44rpx;
		image {
			width: 222rpx;
			height: 258rpx;
			display: block;
			margin: 0 auto;
		}
		view {
			width: 360rpx;
			color: #4D7CFB;
			margin: 0 auto;
			padding: 26rpx 0;
			margin-top: 24rpx;
			text-align: center;
			border-radius: 100rpx;
			border: 2rpx solid #4D7CFB;
		}
	}
	
	.apply-btn {
		color: #fff;
		margin: 0 56rpx;
		padding: 26rpx 0;
		text-align: center;
		margin-bottom: 50rpx;
		border-radius: 100rpx;
		background-color: #4D7CFB;
	}
</style>
